<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Automation Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
</head>
	
<body>
<!-- banner -->
	<div class="banner">
		<div class="container">
			<div class="logo">
				<a href="index.html"><span>Auto</span>mation</a>
			</div>
			<div class="banner-info">
				<h1>The premier industrial manufaturer & exporter
					stebility & emphasis on client advocacy!</h1>
				<div class="more exporter">
					<a href="#" class="hvr-bounce-to-top">Read More</a>
				</div>
			</div>
		</div>
	</div>
<!-- //banner -->	
<!-- sticky-nav -->
	<div class="banner-bottom">
	<div class="container">
		<div class="fixed-header">
			<div class="banner-bottom-nav">
				<span class="menu"><img src="images/menu.png" alt=" "/></span>
					<div class="home-logo">
						<a href="index.html"> </a>
					</div>
						<nav class="cl-effect-1">
							<ul class="nav1">
								<li><a class="scroll" href="#about">首页</a></li>
								<li><a class="scroll" href="#about">企业概况</a></li>
								<li><a class="scroll" href="#services">新闻中心</a></li>
								<li><a class="scroll" href="#projects">产品展示</a></li>
								<li><a class="scroll" href="#products">工程业绩</a></li>
								<li><a class="scroll" href="#contact">联系我们</a></li>
							</ul>
						</nav>
			</div>		
					<!-- script for menu -->
					<script> 
						$( "span.menu" ).click(function() {
						$( "ul.nav1" ).slideToggle( 300, function() {
						 // Animation complete.
						});
						});
					</script>
					<!-- //script for menu -->

						<!-- script-for sticky-nav -->
						<script>
						$(document).ready(function() {
							 var navoffeset=$(".banner-bottom").offset().top;
							 $(window).scroll(function(){
								var scrollpos=$(window).scrollTop(); 
								if(scrollpos >=navoffeset){
									$(".banner-bottom").addClass("fixed");
								}else{
									$(".banner-bottom").removeClass("fixed");
								}
							 });
							 
						});
						</script>
					<!-- //script-for sticky-nav -->
		</div>
		<!--<div class="search-sub">
			 <form class="navbar-form navbar-left" role="search">
				<div class="form-group">
				  <input type="text" class="form-control" placeholder="Type your text here...">
				</div>
				<button type="submit" class="btn btn-default">Search</button>
			  </form>
		</div>-->
		<div class="clearfix"> </div>
	</div>
	</div>
<!-- //sticky-nav -->
<!-- welcome-company -->
	<div class="welcome-company">
		<div class="container">
			<div class="welcome-company-grids">
				<div class="col-md-4 welcome-company-grid-left">
					<div class="company-grids">
						<img src="images/1.jpg" alt=" " class="img-responsive"/>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="col-md-8 welcome-company-grid-right">
					<h3>广东电缆行业龙头企业  广东电缆厂有限公司</h3>
					<p>建于1968年，经过40多年的努力，已发展成专业生产电线电缆的大型企业，是国家二级企业和国家一级计量单位。产品有35kV及以下交联电缆、辐照交联电线电缆、低压电力电缆、控制电缆、塑料电线、橡套电缆以及特种电缆等系列产品，产量经济效益指标在国内线缆行业</p>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- //welcome-company -->
<!-- services -->

	<div class="our">
		<div class="container">
			<h3>成功案例</h3>
			<div class="our-main">
				<div class="our-text">
					<div class="col-md-4 our-left">
						<span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
						<h4>广东电缆厂浅谈国标电缆与非标电缆的区别</h4>
					</div>
					<div class="col-md-4 our-left">
						<span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
						<h4>广东电缆厂浅谈国标电缆与非标电缆的区别</h4>
					</div>
					<div class="col-md-4 our-left">
						<span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
						<h4>广东电缆厂浅谈国标电缆与非标电缆的区别</h4>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="our-text">
					<div class="col-md-4 our-left">
						<span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
						<h4>广东电缆厂浅谈国标电缆与非标电缆的区别</h4>
					</div>
					<div class="col-md-4 our-left">
						<span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
						<h4>广东电缆厂浅谈国标电缆与非标电缆的区别</h4>
					</div>
					<div class="col-md-4 our-left">
						<span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
						<h4>广东电缆厂浅谈国标电缆与非标电缆的区别</h4>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
<!-- //services -->
<!-- projects -->
	<div id="projects" class="projects">
		<div class="container">
			<h3>新品推荐</h3>
			<div class="project-grids">
				<ul id="flexiselDemo1">			
					<li>
						<div class="project-grid">
							<img src="images/2.jpg" alt=" " class="img-responsive" />
							<div class="project-grid-text">
								<h4>facilis expedita distinctio</h4>
								<p>20 June 2015, by <a href="#">admin</a>, in <a href="#">Featured.</a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="project-grid">
							<img src="images/3.jpg" alt=" " class="img-responsive" />
							<div class="project-grid-text">
								<h4>facilis expedita distinctio</h4>
								<p>20 June 2015, by <a href="#">admin</a>, in <a href="#">Featured.</a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="project-grid">
							<img src="images/4.jpg" alt=" " class="img-responsive" />
							<div class="project-grid-text">
								<h4>facilis expedita distinctio</h4>
								<p>20 June 2015, by <a href="#">admin</a>, in <a href="#">Featured.</a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="project-grid">
							<img src="images/6.jpg" alt=" " class="img-responsive" />
							<div class="project-grid-text">
								<h4>facilis expedita distinctio</h4>
								<p>20 June 2015, by <a href="#">admin</a>, in <a href="#">Featured.</a></p>
							</div>
						</div>
					</li>
				</ul>
				<script type="text/javascript">
							$(window).load(function() {
								$("#flexiselDemo1").flexisel({
									visibleItems: 4,
									animationSpeed: 1000,
									autoPlay: true,
									autoPlaySpeed: 3000,    		
									pauseOnHover: true,
									enableResponsiveBreakpoints: true,
									responsiveBreakpoints: { 
										portrait: { 
											changePoint:480,
											visibleItems: 1
										}, 
										landscape: { 
											changePoint:640,
											visibleItems:3
										},
										tablet: { 
											changePoint:768,
											visibleItems: 3
										}
									}
								});
								
							});
					</script>
					<script type="text/javascript" src="js/jquery.flexisel.js"></script>
			</div>
		</div>
	</div>
<!-- //projects -->
<!-- news -->
<div class="our">
	<div class="container">
		<h3>行业动态</h3>
		<div class="our-main">
			<div class="our-text">
				<div class="col-md-4 our-left">
					<span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
					<h4>广东电缆厂浅谈国标电缆与非标电缆的区别</h4>
				</div>
				<div class="col-md-4 our-left">
					<span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
					<h4>广东电缆厂浅谈国标电缆与非标电缆的区别</h4>
				</div>
				<div class="col-md-4 our-left">
					<span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
					<h4>广东电缆厂浅谈国标电缆的区别</h4>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="our-text">
				<div class="col-md-4 our-left">
					<span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
					<h4>广东电缆厂浅谈国标电缆与非标电缆的区别</h4>
				</div>
				<div class="col-md-4 our-left">
					<span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
					<h4>广东电缆厂浅谈国标电缆与非标电缆的区别</h4>
				</div>
				<div class="col-md-4 our-left">
					<span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
					<h4>广东电缆厂浅谈国标电缆与非标电缆的区别</h4>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
</div>
<!-- //products -->
<!-- contact -->
	<div id="contact" class="contact">
		<div class="container">
			<h3>Contact</h3>
			<div class="map">
				<div style="min-height: 360px">
					<img src="http://120.26.202.243:8080/gdcwl/images/map.jpg" style="width: 100%">
				</div>
				<div class="map-color" style="min-height: 360px">
					<div class="contact-info">
						<h4>联系我们</h4>
						<p>佛山南海区大沥凤池装饰材料市场B2-7</p>
						<p>销售部联系人:郭文升经理</p>
						<p>手机:18688801051</p>
						<p>传真:0757-86709783</p>
						<p>总机:0757-86773640 转2666郭经理</p>
						<p>E-mail:  gddlc@139.com</p>
						<p>QQ：  527210457</p>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
	</div>
<!-- //contact -->
<!-- footer -->
	<div class="footer-bottom">
		<div class="container">
			<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
		</div>
	</div>
<!-- //footer -->
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
<!-- //here ends scrolling icon -->
</body>
</html>